
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>$.load方法</title>
</head>
<body>
    <div class="content">
        <button id="btn">点我获取</button><span id="info"></span>
        <div id="box"></div>
    </div>
    <!-- 
         load() 方法从服务器加载数据，并把返回的数据放入被选元素中。
​        语法:
​        $(selector).load(URL,data,callback);
​	        必需的 URL 参数规定您希望加载的 URL。
​	        可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
​	        可选的 callback 参数是 load() 方法完成后所执行的函数名称。
​	        把文件 "txt.txt" 的内容加载到指定的 div元素中
​        $("#d1").load("data/txt.txt");
    -->
    <script src="./jquery.js"></script>
    <script>

        $("button").click(function () {
            // 本地资源
            // $("#box").load("./data/1.txt")
            $("#box").load("https://hmajax.itheima.net/api/news")
        });

    </script>
</body>
</html>